<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:c="http://java.sun.com/jstl/core">
    <ui:composition template="/templates/temadministracion.xhtml">
        <ui:param name="navegacion" value="Convocatoria" />
        <ui:define name="formulario">

            <div id="tituloForm" style=""><img src="/cpi/images/flecha.gif"/><span class="spanBoldInf">Información de Convocatorias</span></div>
            <h:form id="convocatoria" >
                <div style="width: 100px; margin: auto auto auto 480px">
                    <h:panelGrid columns="2">
                        <h:outputText value="Nueva" />
                        <h:commandButton action="#{convocatoriaBean.doNuevaConvocatoria}" image="/images/addGif.png"/>
                    </h:panelGrid>
                </div>
                <br></br>
                <h:panelGrid columns="3" styleClass="panelGridConActiva">
                    <rich:simpleTogglePanel id="conActual" switchType="ajax" label="#{convocatoriaBean.conTituloAct}" opened="true" headerClass="Table_Header" style=" width : 550px;" >
                        <f:facet name="openMarker">+</f:facet>
                        <f:facet name="closeMarker">-</f:facet>
                        <p align="justify"><h:outputText value="#{convocatoriaBean.conDescripcionAct}" escape="false"/></p>
                        <p></p>

                    </rich:simpleTogglePanel>
                    <a4j:commandLink value="Editar..." action="#{convocatoriaBean.doEditarConvocatoria}">
                        <a4j:actionparam assignTo="#{convocatoriaBean.accion}" value="6"/>
                        <a4j:actionparam assignTo="#{convocatoriaBean.editar}" value="0"/>
                    </a4j:commandLink>
                    <h:panelGroup>
                        <h:graphicImage value="/images/pdf.jpeg" />
                        <a4j:htmlCommandLink value="Ver proyectos" action="#{convocatoriaBean.reportesAdmin_cpi0205}" target="_reporte">
                        </a4j:htmlCommandLink>
                    </h:panelGroup>
                </h:panelGrid>

                <h:panelGrid columns="2" style=" width : 710px;">
                    <c:forEach items="#{convocatoriaBean.listCon}" var="fila" >
                        <rich:simpleTogglePanel switchType="ajax" label="#{fila.conTitulo}" width="540px" opened="false">
                            <f:facet name="openMarker">+</f:facet>
                            <f:facet name="closeMarker">-</f:facet>
                            <p align="justify"><h:outputText value="#{fila.conDescripcion}" escape="false"/></p>
                        </rich:simpleTogglePanel>
                        <h:panelGroup>
                            <h:graphicImage value="/images/pdf.jpeg" />
                            <a4j:htmlCommandLink value="Ver proyectos" action="#{convocatoriaBean.reporteConInactiva}" target="_reporte" >
                                <f:setPropertyActionListener value="#{fila}" target="#{convocatoriaBean.convocatoriaSel}" />
                            </a4j:htmlCommandLink>
                        </h:panelGroup>
                    </c:forEach>
                </h:panelGrid>

                <br/><br/><br/>
            </h:form>



        </ui:define>

    </ui:composition>

</html>